#detail {
  width: 80%;
  margin: 0 auto;
}
#detail > .detail-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#detail > .detail-top > .box3-top-z1 {
  font-size: 3vw;
  font-family: light;
}
#detail > .detail-top > .box3-top-z2 {
  font-size: 1.3vw;
  font-weight: bold;
}
#detail > .detail-top > .box3-top-z3 {
  margin-top: 0.5vw;
  font-size: 1vw;
  color: #979797;
}
#detail > .detail-middle {
  width: 100%;
  margin-top: 3vw;
  height: 18vw;
  position: relative;
}
#detail > .detail-middle > img {
  width: 28vw;
  height: 14vw;
  position: absolute;
  left: 0;
  top: 2vw;
}
#detail > .detail-middle > .middle-right {
  width: 56vw;
  height: 18vw;
  background-color: #f5f5f5;
  position: absolute;
  right: 0;
}
#detail > .detail-middle > .middle-right > .detail-z1 {
  font-size: 1.5vw;
  font-weight: bold;
  position: absolute;
  left: 8vw;
  top: 4vw;
}
#detail > .detail-middle > .middle-right > .detail-z2 {
  font-size: 1vw;
  width: 35vw;
  position: absolute;
  left: 8vw;
  top: 7vw;
  text-indent: 2vw;
  font-family: OSLingt;
}
#detail > .detail-middle > .middle-right > .detail-z3 {
  font-size: 2.3vw;
  font-weight: bold;
  position: absolute;
  right: 1vw;
  top: 2vw;
}
#detail > .detail-middle > .middle-right > .detail-z4 {
  font-size: 1.5vw;
  position: absolute;
  right: 1.2vw;
  top: 5vw;
  font-family: OSLingt;
}
#detail > .detail-bottom {
  width: 100%;
  margin-top: 4vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#detail > .detail-bottom > .detail-item {
  display: flex;
  margin-bottom: 2vw;
}
#detail > .detail-bottom > .detail-item > .item-a1 {
  display: flex;
  flex-direction: column;
  justify-content: center ;
  align-items: center;
  width: 8vw;
  height: 8vw;
  background-color: #f2f2f2;
}
#detail > .detail-bottom > .detail-item > .item-a1 > .a1-z1 {
  font-size: 2.5vw;
  color: #000000;
}
#detail > .detail-bottom > .detail-item > .item-a1 > .a1-z2 {
  color: #666666;
  font-size: 1.5vw;
}
#detail > .detail-bottom > .detail-item > .item-a2 {
  width: 30vw;
  height: 12vw;
  padding: 1.2vw 1vw 0 1.5vw;
}
#detail > .detail-bottom > .detail-item > .item-a2 > .a2-z1 {
  font-size: 1.3vw;
  color: #000000;
  margin-bottom: 1.5vw;
}
#detail > .detail-bottom > .detail-item > .item-a2 > img {
  float: right;
  width: 1.3vw;
  height: 1.3vw;
  margin-top: -3vw;
  margin-left: 2vw;
}
#detail > .detail-bottom > .detail-item > .item-a2 > .a2-z2 {
  font-size: 1vw;
  color: #666666;
  padding-right: 2vw;
}
